#pagefoot{
    width: 25%;
    height: 7%;
    z-index: 500;
    position: fixed;
    bottom: 30px;
    right: 20px;
    font-size:0.6em;
    color: gray;
}
#pageQQ{
	width:113px;
	height: 271px;
	position: fixed;
	right: 5px;
	top:150px;
}
#pageqqbox{
	position: relative;
}
#pageqq1{
	position: absolute;
	top: 0;
	z-index: 500;

}
#pageqq2{
	position: absolute;
	top: 0;
	z-index: 501;
	display: none;
}
#pageqqname{
	position: absolute;
	top: 100px;
	left: 13px;
}
.qqimg1box{
	width: 90px;
	height: 28px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.qqimgp{
	position: absolute;
	top:4px;
	left: 35px;
	z-index: 550;
	color: #fff;
	font-size: 14px;
}
.qqimg1{
	z-index: 540;
	position: absolute;
	top:0;
}
#pageQQ:hover #pageqq2{
	display: block;
}


 /* 响应式关键代码,m媒体查询 */ /* #pagefoot #pageQQ */
       

        @media all and (max-width: 2048px) {  /* pc */
          #pagefoot,#pageQQ{
          	display: block;
          }
		}
        @media all and (max-width: 1023px) {  /* 平板*/
         #pageQQ{
         	display: none;
         }
         #pagefoot{
         	display: block;
         }
           
        }
          @media all and (max-width: 645px) {  /* 手机 */
           #pageQQ{
         	display: none;
         }
         #pagefoot{
         	display:none;
         }
        }
